<template>

  <div>


    <div>

      <div class="hot">
        <p>周末去哪儿</p>
      </div>

      <div class="recomment" v-for="item of  wekend" :key="item.id">

        <div class="left">
          <img :src="item.imgUrl" class="recommentimg"/>
        </div>
        <div class="right">

          <p class="name">{{item.title}}</p>
          <p class="detail">{{item.desc}}</p>


        </div>

      </div>





    </div>



  </div>


</template>

<script>
    export default {
        name: "Wekend",
      props:{

        wekend:Array

      },
      data() {

        return {


         // wekendList: [{
         //    id: "001",
         //    img_src: "http://img1.qunarzz.com/sight/source/1510/6e/1ea71e2f04e.jpg_r_640x214_aa6f091d.jpg",
         //    name: '温泉水上乐园',
         //    detail: "泡泡温泉，吹吹海风，感受人生美好"
         //
         //  }, {
         //    id: "002",
         //    img_src: "http://img1.qunarzz.com/sight/source/1811/f3/86173f863bef61.jpg_r_640x214_52b003ac.jpg",
         //   name: '温泉水上乐园',
         //   detail: "泡泡温泉，吹吹海风，感受人生美好"
         //
         //  }, {
         //    id: "003",
         //    img_src: "http://img1.qunarzz.com/sight/source/1505/aa/7baaf8a851d221.jpg_r_640x214_1431200f.jpg",
         //   name: '帝都必打卡',
         //   detail: "来北京必去的景点非这些地方莫属"
         //
         //  }, {
         //    id: "004",
         //    img_src: "http://img1.qunarzz.com/sight/source/1505/9e/21df651e19af5d.jpg_r_640x214_3ea5bb38.jpg",
         //   name: '寻找北京的皇城范儿',
         //   detail: "数百年的宫廷庙宇，至今依旧威严霸气"
         //
         //  }]


        }
      }
    }
</script>

<style scoped lang="stylus">
  @import '~styles/shengluehao.styl'
  .hot
    background #EDECED
    font-size .3rem
    padding .2rem .2rem
  .recomment
    width 100%
    .left
      width 100%
      height 0
      padding-bottom 170px
      .recommentimg
        width 100%
        height 170px
    .right
      margin .2rem .1rem
      .name
        font-size .3rem
        padding .1rem 0rem
        shenglue()
      .detail
        font-size .2rem
        padding .1rem 0rem
        shenglue()
      button
        margin-top .1rem
        border-radius .6rem
        background #FF8E08
        font-size .2rem
        padding .1rem .3rem
        color white




</style>
